HTML&CSS/기본상식4 모던웹 접근성, 크로스 브라우징 등 □ 웹표준 : 월드와이트웹(www)의 측면을 서술하고 정의하는 공식기술규격 ○ W3C(World Wide Web Consortium) 권고안에 따라 정의된 웹 표준 ○ HTML 버전에 따라 태그 및 속성이 상이함(https://www.w3schools.com/tags/default.asp ) ○ 작성한 HTML 페이지가 표준에 부합하는지 확인 방법 → W3C validator에서 URL 또는 HTML 파일 업로드 후 검사 및 검토 ( https://validator.w3.org/#validate_by_uri ) □ 웹접근성 ○ 이미지 태그에 대체 텍스트 넣거나 청각 장애인을 위해 영상에 자막넣기 등 고려하여 웹 구현 ○ 키보드로 웹 인터페이스 접근 가능기능 등 고려하여 웹 구현 □ 크로스 브라우징 : 웹.. 2023. 11. 8. 시멘틱 웹(Semantic Web) 태그 □ 시멘틱 웹이란 웹페이지 각 영역에 의미를 부여하여 의미와 관련성을 기반으로 검색 또는 서비스가 가능하도록하는 방식을 의미 □ 시멘틱 웹 태그 ○ header : 헤더 ○ nav : 네비게이션 ○ aside : 좌 또는 우에 위치 ○ section : 본문 내용(article)을 포함하는 영역 ○ article : 본문 주내용 영역 ○ section : 본문 내용(article)을 포함하는 영역 ○ footer : 하단부 의미 2023. 11. 7. 웹 기본기술2 □ DOCTYPE ○ html 최상단에 사용 태그 ○ 해당 파일 문서를 브라우저가 다르게 렌더링 하지 않도록하기 위해 html을 명시해주는 특수태그 □ lang : 문서언어 설정태그 ex)ko, en 등 □ HEAD/BODY태그 ○ HEAD 태그안에는 html 문서를 대표하는 필요데이터 기재 ○ BODY 태그안에는 html 문서내용을 기재 □ META태그 : 문서전반의 정보 표시기재 ○ charset : 문자 인코딩 방식 설정 ex)utf-8등 ○ name : 메타정보 - description - keywords - author □ ○ 호환성관련 태그로 인터넷 익스플로러에서 최신 표준모드로 랜더링되도록 설정 ○ 호환성 이슈로 기본적으로 html 문서에 포함되는 것이 좋음 □ ○ 반응형웹 관련 태그 ○ v.. 2023. 11. 5. 웹 기본기술1 ○ 웹 페이지 = HTML + CSS + javaScript ○ HTML 언어 : 웹페이지를 만드는 언어로 즉, 컴퓨터 언어로 작성된 문서를 코드라고 부름 ex) 표기내용 hi!HTML ○ 사용자는 HTML 파일요청을 서버에하고, 서버에서는 HTML 파일을 클라이언트에게 전송함 ○ 웹페이지는 HTML 기본구조를 가짐 ○ 태그에는 1개 이상의 속성을 넣을 수 있음 - 태그와 속성사이, 속성과 속성사이에는 한칸 띄어야함 ○ CSS언어 : HTML 문서를 꾸미는 언어로. HTML 태그안에 class를 지정하여 서식을 생성하여 활용 가능 ○ CSS언어 적용하기 - 적용할 태그에 style 속성으로 넣기(해당 태그에만 적용) * 프로퍼티와 값을 연속해서 사용가능하며 띄어쓰지 않아도 됨. 프로퍼티와 값 사이에는 ;.. 2023. 10. 30. 이전 1 다음